<div id="sidebar" class="sidebar responsive">
<script type="text/javascript">
    try {
        ace.settings.check('sidebar', 'fixed')
    } catch (e) {
    }
</script>

<div class="sidebar-shortcuts" id="sidebar-shortcuts">
    <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
        <button class="btn btn-success">
            <i class="ace-icon fa fa-signal"></i>
        </button>

        <button class="btn btn-info">
            <i class="ace-icon fa fa-pencil"></i>
        </button>

        <button class="btn btn-warning">
            <i class="ace-icon fa fa-users"></i>
        </button>

        <button class="btn btn-danger">
            <i class="ace-icon fa fa-cogs"></i>
        </button>
    </div>

    <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
        <span class="btn btn-success"></span>

        <span class="btn btn-info"></span>

        <span class="btn btn-warning"></span>

        <span class="btn btn-danger"></span>
    </div>
</div><!-- /.sidebar-shortcuts -->

<ul class="nav nav-list" style="top: 0px;">
<li class="">
    <a href="index.html">
        <i class="menu-icon fa fa-tachometer"></i>
        <span class="menu-text"> Quản trị </span>
    </a>

    <b class="arrow"></b>
</li>

<li class="hsub" style="display:none;">
    <a href="#" class="dropdown-toggle">
        <i class="menu-icon fa fa-desktop"></i>
        <span class="menu-text"> Đơn hàng </span>

        <b class="arrow fa fa-angle-down"></b>
    </a>

    <b class="arrow"></b>

    <ul class="submenu">

        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Đơn hàng
            </a>

            <b class="arrow"></b>
        </li>

        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Nhân viên reports đơn hàng
            </a>

            <b class="arrow"></b>
        </li>

        <li class="">
            <a href="buttons.html">
                <i class="menu-icon fa fa-caret-right"></i>
                Vận chuyển
            </a>

            <b class="arrow"></b>
        </li>
    </ul>
</li>

<li class="hsub" style="display:none;">
    <a href="#" class="dropdown-toggle">
        <i class="menu-icon fa fa-list"></i>
        <span class="menu-text"> Sản phẩm </span>

        <b class="arrow fa fa-angle-down"></b>
    </a>

    <b class="arrow"></b>

    <ul class="submenu">
        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Danh mục
            </a>

            <b class="arrow"></b>
        </li>

        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Sản phẩm
            </a>
            <b class="arrow"></b>
        </li>
        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Tính năng
            </a>
            <b class="arrow"></b>
        </li>
        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Bộ lọc
            </a>
            <b class="arrow"></b>
        </li>
        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Tuỳ chọn
            </a>
            <b class="arrow"></b>
        </li>
    </ul>
</li>

<li class="hsub">
    <a href="#" class="dropdown-toggle">
        <i class="menu-icon fa fa-pencil-square-o"></i>
        <span class="menu-text"> Thành viên </span>

        <b class="arrow fa fa-angle-down"></b>
    </a>

    <b class="arrow"></b>

    <ul class="submenu">
        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                User
            </a>

            <b class="arrow"></b>
        </li>

        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Administrators
            </a>

            <b class="arrow"></b>
        </li>

        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Customer
            </a>
            <b class="arrow"></b>
        </li>

        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                User group
            </a>
            <b class="arrow"></b>
        </li>
    </ul>
</li>

<li class="">
    <a href="#" class="dropdown-toggle">
        <i class="menu-icon fa fa-list-alt"></i>
        <span class="menu-text">Maketing </span>
        <b class="arrow fa fa-angle-down"></b>
    </a>
    <b class="arrow"></b>
    <ul class="submenu">
        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Chương trình khuyến mãi
            </a>

            <b class="arrow"></b>
        </li>

        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Bản tin
            </a>

            <b class="arrow"></b>
        </li>

        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Gift certificates
            </a>
            <b class="arrow"></b>
        </li>

        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Banners
            </a>
            <b class="arrow"></b>
        </li>
    </ul>
</li>

<li class="">
    <a href="#" class="dropdown-toggle">
        <i class="menu-icon fa fa-life-ring"></i>
                <span class="menu-text">
                    Website                   
                </span>
        <b class="arrow fa fa-angle-down"></b>
    </a>
    <b class="arrow"></b>
    <ul class="submenu">
        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Content
            </a>

            <b class="arrow"></b>
        </li>

        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                News
            </a>
            <b class="arrow"></b>
        </li>

        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                SEO rules
            </a>
            <b class="arrow"></b>
        </li>

        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                301 redirects
            </a>
            <b class="arrow"></b>
        </li>
        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Comments and reviews
            </a>
            <b class="arrow"></b>
        </li>
        <li class="">
            <a href="#">
                <i class="menu-icon fa fa-caret-right"></i>
                Testimonials
            </a>
            <b class="arrow"></b>
        </li>
    </ul>
</li>

<li class="">
    <a href="{{ url('admin/logout') }}" >
        <i class="menu-icon fa fa-power-off"></i>
        <span class="menu-text"> Logout </span>
    </a>

    <b class="arrow"></b>
</li>

</ul><!-- /.nav-list -->

<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
    <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
</div>

<script type="text/javascript">
    try {
        ace.settings.check('sidebar', 'collapsed')
    } catch (e) {
    }
</script>
</div>